{% extends "base.html" %}

{% block title %}
    <a class="navbar-brand mx-auto" href="#">用户注册</a>
{% endblock %}

{% block midbody %}
    <span class="border border-info">
    <div class="container" style="padding-top: 50px">
{#		<form method="POST" action="/signUp/">#}
		<form method="POST" action="" name="form1">
			{% csrf_token %}
            <P></P>
			<div class="form-group">
                <input type="text" class="form-control" id="apptype" name="apptype" placeholder="注册用户类型" style="display: none;">
				<label for="username"><span style="color: red">*</span>用户账号:</label>
				<input type="text" class="form-control" id="username" name="username" placeholder="请输入:6-20个字符">
                <label for="realname"><span style="color: red"></span>用户昵称:</label>
				<input type="text" class="form-control" id="realname" name="realname" placeholder="请输入不超过20个字符">
			</div>
			<div class="form-group">
                <label for="password"><span style="color: red">*</span>密码:</label>
                <input type="password" class="form-control" id="password" name="password" placeholder="请输入:6-20个字符">
                <label for="confirm_pwd"><span style="color: red">*</span>确认密码:</label>
                <input type="password" class="form-control" id="confirm_pwd" name="confirm_pwd" placeholder="请再次输入密码">
                <label for="phone">手机号:</label>
                <input type="text" class="form-control" id="phone" name="phone">
            </div>
            <div class="form-group">
                <label for="email"><span style="color: red">*</span>邮箱地址:</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="email" name="email" placeholder="用于重置密码的邮箱地址">
{#                        <div class="input-group-append">#}
{#                            <button class="btn btn-primary" type="submit" id="send-btn" onclick="send(Event,this)">发送验证码</button>#}
{#                            <button class="btn btn-primary" type="submit" id="send-btn">发送验证码</button>#}
{#                        </div>#}
                </div>
{#                <div class="form-group">#}
{#                    <label for="message"><span style="color: red">*</span>验证码:</label>#}
{#                    <input type="text" class="form-control" id="message" name="message" placeholder="请输入收到的验证码">#}
{#                </div>#}

{#                滑动验证#}
                <label for="mpanel1"><span style="color: red">*</span>人机验证:</label>
                <div id="mpanel1" >
                </div>
            </div>
            <p></p>
            <div style="display: flex; justify-content: center; align-items: center; height: 100%;">
{#			    <button type="submit" class="btn btn-primary" id="sign" name="sign">注 册</button>#}
			    <button class="btn btn-primary" id="sign" name="sign">注 册</button>
                <button class="btn btn-primary" id="back" name="back" style="margin-left: 10px">返回</button>
		    </div>
        </form>
        <label></label>
{#        <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>设置不跳转页面,但是会让message不能显示#}
	</div>
    </span>
{% endblock %}



